﻿@model TpWeb.Models.RegisterPersonViewModel

@{
    ViewBag.Title = "Стать Клиентом";
}

@helper TextBoxFormControl(System.Linq.Expressions.Expression<Func<TpWeb.Models.RegisterPersonViewModel, string>> field)
{
    <div class="form-group">
        @Html.LabelFor(field, new { @class = "col-md-2 control-label" })
        <div class="col-md-10">
            @Html.TextBoxFor(field, new { @class = "form-control" })
        </div>
    </div>
}

@helper DateFormControl(System.Linq.Expressions.Expression<Func<TpWeb.Models.RegisterPersonViewModel, DateTime>> field)
{
    <div class="form-group">
        @Html.LabelFor(field, new { @class = "col-md-2 control-label" })
        <div class="col-md-10">
            @Html.TextBoxFor(field, "{0:dd-MM-yyyy}", new { @class = "form-control", @type2 = "date" })
        </div>
    </div>
}



<h2>@ViewBag.Title.</h2>

@using (Html.BeginForm("Index", "Registration", FormMethod.Post, new { id = "regForm", @class = "form-horizontal", role = "form", enctype = "multipart/form-data" }))
{
    @Html.AntiForgeryToken()
    @Html.ValidationSummary()
    <fieldset>
        <legend>Представьтесь</legend>
        @TextBoxFormControl(m => m.FirstName)
        @TextBoxFormControl(m => m.MiddleName)
        @TextBoxFormControl(m => m.LastName)
        @DateFormControl(m => m.BirthDate)
        @TextBoxFormControl(m => m.Nationality)
        @Html.HiddenFor(m => m.NationalityCode)
    </fieldset>
    <p />
    <fieldset>
        <legend>Средства связи</legend>
        @TextBoxFormControl(m => m.Email)
        @TextBoxFormControl(m => m.Phone)
        @TextBoxFormControl(m => m.Phone2)
    </fieldset>
    <p />
    <fieldset>
        <legend>Секретный вормос/ответ</legend>
        <div class="form-group">
            @Html.LabelFor(m => m.SecretQuestion, new { @class = "col-md-2 control-label" })
            <div class="col-md-10">
                @Html.ListBoxFor(m => m.SecretQuestion,
  new[]
  {
      new SelectListItem() { Text = "Девичья фамилия матери",Value ="Девичья фамилия матери"},
      new SelectListItem() { Text = "Профессия дедушки",Value = "Профессия дедушки" },
      new SelectListItem() { Text = "Улица, на которой Вы родились",Value = "Улица, на которой Вы родились" },
      new SelectListItem() { Text = "Ваш первый автомобиль",Value = "Ваш первый автомобиль" },
      new SelectListItem() { Text = "День рождения ребенка",Value = "День рождения ребенка" },
      new SelectListItem() { Text = "Любой цифровой код или слово",Value = "Любой цифровой код или слово" }
  }
                , new { @class = "form-control" })
            </div>
        </div>
        @TextBoxFormControl(m => m.SecretAnswer)

    </fieldset>
    <p />

    <fieldset>
        <legend>Документ, удостоверяющий личность</legend>
        @TextBoxFormControl(m => m.DocNum)
        @DateFormControl(m => m.DocDate)
        @TextBoxFormControl(m => m.DocIssue)
        @TextBoxFormControl(m => m.DocDepCode)
        <div class="form-group">
            @Html.LabelFor(m => m.DocScan, new { @class = "col-md-2 control-label" })
            <div class="col-md-10">
                @Html.TextBoxFor(m => m.DocScan, new { type = "file", @class = "form-control" })
                @Html.TextBoxFor(m => m.DocScan2, new { type = "file", @class = "form-control" })
                @Html.TextBoxFor(m => m.DocScan3, new { type = "file", @class = "form-control" })
                @Html.TextBoxFor(m => m.DocScan4, new { type = "file", @class = "form-control" })
            </div>
        </div>
    </fieldset>
    <p />

    <hr />
    <div class="form-group">
        @Html.LabelFor(m => m.Descr, new { @class = "col-md-2 control-label" })
        <div class="col-md-10">
            @Html.TextAreaFor(m => m.Descr, new { @class = "form-control", style = "min-height:70px" })
        </div>
    </div>

    <div class="form-group">
        <div class="col-md-offset-2 col-md-10">
            <input type="submit" class="btn btn-default" id="regButton" data-toggle1="modal" data-target1="#myModal" value="Регистрация" />
        </div>
    </div>


}

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">Проверка Эл.почты</h4>
            </div>
            <div class="modal-body" id="modalBody">
                Введите код, полученный на почту
                <div class="form-group">
                    <input id="pin" class="form-control" />
                </div>
                <div id="modalInfo"></div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary" id="modalSave">Save changes</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
    @Scripts.Render("~/bundles/jquery-ui")
    @Scripts.Render("~/bundles/views/reg.index")

    <script>
        $(function () {
            // контролы даты
            $("#BirthDate").datepicker({ altFormat: "dd-mm-yy", dateFormat: "dd-mm-yy" });
            $("#DocDate").datepicker({ altFormat: "dd-mm-yy", dateFormat: "dd-mm-yy" });

            // Кнопка регистрации
            $("#regButton").click(function (event) {
                var form = $("#regForm");

                if (form.valid()) {
                    SaveContact('@Url.Action("SaveContact")', '@Url.Action("CheckPin")');
                    $("#myModal").modal('show');
                }

                event.preventDefault();
            });

            // контрол для ввода национальности с подстановкой
            $("#Nationality").autocomplete({
                source: function (request, response) {
                    $.ajax({
                        url: '@Url.Action("GetCountriesJSON","Fias")',
                        type: 'POST',
                        dataType: 'json',
                        data: { term: request.term, maxCount: 5 },
                        success: function (data) {
                            response($.map(data, function (item) {
                                return {
                                    label: item.Name,
                                    value: item.Name,
                                    code: item.Code
                                };
                            }));
                        },
                        error:function(x, a, b) {
                            alert(a+" "+b);
                        }
                    });
                },
                minLength: 2,
                select: function (event, ui) {
                    $("#NationalityCode").val(ui.item.code);
                },
                open: function () {
                    $(this).removeClass("ui-corner-all").addClass("ui-corner-top");
                },
                close: function () {
                    $(this).removeClass("ui-corner-top").addClass("ui-corner-all");
                }
            });
        });
    </script>
}